<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
  <head>
    <title>首页</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
  </head>
  <body class="app sidebar-mini rtl">
    <div th:include="common/common::header"></div>
    <div th:include="common/table::header"></div>
    <div class="row">
      <div class="table-content">
        <div id="dataTable" lay-filter="dataTable"></div>
      </div>
    </div>
    <script th:inline="javascript">
      layui.config({
        base: basePath+'/static/common/layui/js/'
      }).use(['newTable'], function(){
        var $ = layui.jquery,table = layui.newTable;
        var datatTable = table.query({
          name:'角色'
          ,editUrl:basePath+'/permission/list'
          ,conditions:[
            {type:'input',name:'param[roleCode]',text:'角色编码'},
            {type:'input',name:'likeParam[name]',text:'角色名称'}
          ],buttons:[
          ],notUseCommonButton:true
        }).render({
          url: basePath+'/role/list'
          ,tableWidth:"90%"
          ,cols: [[
            {type: 'checkbox',fixed: 'left',width:30}//treeTable不能固定次列，诺固定，收缩时固定类不会随着收缩
            ,{field : "code", title : "编码",sort:true}
            ,{field : "name", title : "名称"}
            ,{field : "roleCode", title : "权限编码"}
            ,{field : "", title : "路径",width:200,templet:function (row) {
                  return row.url?row.url:"";
              }}
            ,{field : "valid", title : "是否有效", type:"boolean"}
          ]]
        }).bindSearch().bindModifyFunction().openMixChoose();
      });
    </script>
  </body>
</html>